<template>
	<view class="">
		这是list页面
		<view class="">
			<button type="primary" @click="goBackIndex">返回到首页</button>
			<button type="primary" @click="testApi">API条件编译</button>
		</view>
		
		
		<text class="text-tip">样式条件编译</text>
		
		
		<!-- #ifdef APP-PLUS -->
		<teste-a></teste-a>
		<!-- #endif -->
		
		<!-- #ifdef MP-WEIXIN -->
		<teste-a></teste-a>
		<!-- #endif -->
		
	</view>
</template>

<script>
	
	import testeA from '@/components/test-a/test-a.vue'
	
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			console.log('list页面的onLoad');
		},
		onShow() {
			console.log('list页面的onshow');
		},
		components: {
			testeA
		},
		methods: {
			
			goBackIndex() {
				uni.navigateBack({
					
				})
			},
			
			testApi(){
				// #ifdef APP-PLUS
				uni.showToast({
					title: 'app'
				})
				// #endif
				
				// #ifdef MP-WEIXIN
				uni.showToast({
					title: '微信小程序'
				})
				// #endif
				
				// #ifdef H5
				uni.showToast({
					title: 'H5'
				})
				// #endif
				
			}
			
			
			
		}
	}
</script>

<style>
	
	/* #ifdef H5 */
	.text-tip{
		color: #007AFF;
	}
	/* #endif */

	/* #ifdef MP-WEIXIN */
	.text-tip{
		color: #DD524D;
	}
	/* #endif */
	

</style>
